<template>
  <div class="home">
    <el-container>
      <!-- 头部 -->
      <el-header>
        <HeaderView />
      </el-header>
      <!-- 主体内容 -->
      <el-main>
        <router-view></router-view>
      </el-main>
      <!-- 尾部 -->
      <el-footer>
        <FooterView />
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import HeaderView from '@/components/HeaderView.vue'
import FooterView from '@/components/FooterView.vue'
export default {
  name: 'PetView',
  components: {
    HeaderView,
    FooterView,
  },
}
</script>

<style></style>
